// 支持文件
@import '../../../assets/scss/support';
// .address-wrapper{
//   height: 240rpx;
//   background: white;
//   margin-top: 20rpx;
//   margin-bottom: 20rpx;
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   font-size: 28rpx;
//   color: #417505;
// }
.address {
    min-height: 50px;
}

.address-line {
    width: 100%;
    height: 5px;
    background: url('%ASSETS_IMG%/l-payorder-line@2x.png') repeat-x;
    background-size: contain;
}

.address-wrapper {
    @include flexbox(space-between,
    center,
    row,
    nowrap);
    padding: $padding;
    margin-top: 10px;
    background: #fff;
    flex: inherit;
    font-size: $fontSizeSmall;
    .address-info {
        flex: 1;
        .user {
            font-size: $fontSizeLarge;
            display: flex;
            flex-direction: row;
            align-items: center;
            font-weight: 600;
        }
        .reigon-address {
            margin: 10px 0;
            @include textoverflow(2);
        }
    }
    .arrow-right {
        height: 100%;
        padding: 10px 13px 10px 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        .icon {
            width: 11px;
            height: 20px;
            background: url('%ASSETS_IMG%/s-right_icon@2x.png') no-repeat;
            background-size: contain;
        }
    }
    &.none {
        font-size: $fontSize;
        color: #0c6ad4;
        justify-content: center;
        font-weight: 600;
        line-height: 100px;
    }
}

.order-info {
    background: #fff;
    font-size: 30rpx;
    .order-info-item {
        position: relative;
        @include flexbox(space-between,
        center,
        row,
        nowrap);
        @include borderBottom;
        padding: 13px 12px;
        font-weight: 600;
        .money {
            color: #ff3d3e;
        }
        .total {
            font-size: $fontSize;
        }
        .cut-coin {
            @include flexbox(flex-start,
            flex-start,
            column,
            nowrap);
            .title {
                display: flex;
                line-height: 22px;
                .tips-icon {
                    width: 22px;
                    height: 22px;
                    background: url('%ASSETS_IMG%/l-tips-icon@2x.png') no-repeat;
                    background-size: contain;
                }
            }
            .hascoin {
                font-size: $fontSizeSmaller;
                color: $colorMuted;
                margin-top: 8rpx;
                font-weight: 300;
            }
        }
        .cut-ipt-warp {
            width: 300rpx;
        }
        .cut-ipt {
            width: 100%;
            text-align: right;
            color: $colorMuted;
        }
        .share-tips-warp {
            border-radius: 3px;
            background: #FFF8F8;
            padding: 10px 12px;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            .share-tips {
                font-size: 12px;
                font-weight: 600;
                color: #FF3D3E;
                .red {
                    font-size: 15px;
                }
            }
            .share-icon {
                width: 23px;
                height: 25px;
                background: url('%ASSETS_IMG%/s-pay-share-icon.png') no-repeat;
                background-size: contain;
            }
        }
        .share-tips-icon {
            position: absolute;
            width: 60px;
            height: 26px;
            top: 1px;
            right: 18px;
            background: url('%ASSETS_IMG%/s-pay-share@2x.png') no-repeat;
            background-size: contain;
        }
        &:last-child{
          margin-bottom: 80px;
        }
    }
    .coupon {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
        .coupon-top {
            width: 100%;
            display: flex;
            padding-bottom: 18rpx;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            .order-info-item-right {
                display: flex;
                flex-direction: row;
                align-items: center;
                .coupon-empty {
                    font-size: 30rpx;
                    color: #999999;
                }
                .coupon-tip {
                    font-size: 30rpx;
                    color: #333333;
                }
                .specified {
                    width: 102rpx;
                    padding-right: 8rpx;
                    height: 40rpx;
                    margin-right: 12rpx;
                    font-size: 20rpx;
                    color: #ffffff;
                    text-align: center;
                    line-height: 40rpx;
                    background: url('%ASSETS_IMG%/l-specified@2x.png') no-repeat;
                    background-size: contain;
                }
                .coupon-amount {
                    font-size: 30rpx;
                    color: #ff5000;
                    font-weight: 600;
                }
                image {
                    width: 18rpx;
                    height: 30rpx;
                    margin-left: 8rpx;
                }
            }
        }
        .coupon-bottom {
            width: 100%;
            padding: 14rpx 24rpx;
            font-size: 24rpx;
            color: #666666;
            background-color: #fff8f8;
            font-weight: normal !important;
        }
        .coupon-bottom-column {
            display: flex;
            flex-direction: column;
        }
    }
}

.input-gold {
    font-size: 28rpx;
    font-weight: 300;
}

.phone {
    margin-left: 20rpx;
}

.order-info-itemR {
    margin-right: 30rpx;
    color: #d0021b;
}

.payMoney {
    height: 98rpx;
    background: #fff;
    margin-top: 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payMoney-L {
    margin-left: 30rpx;
    color: #1c252a;
    font-size: 28rpx;
}

.payMoney-R {
    margin-right: 30rpx;
    color: #d0021b;
    font-size: 34rpx;
}

.confirm-btn-warp {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ff3d3e;
    height: 100rpx;
    .confirm-btn {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ff3d3e;
        color: white;
        font-size: 36rpx;
        text-align: center;
        line-height: 100rpx;
        border-radius: 0;
        border: 0px;
    }
}

.l-service {
    position: fixed;
    left: 24rpx;
    bottom: 180rpx;
    width: 80rpx;
    height: 80rpx;
}

.connect {
    width: 80rpx;
    height: 80rpx;
}

.l-gold {
    width: 520rpx;
    height: 720rpx;
    padding: 30rpx;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #ffffff;
    border-radius: 10rpx;
}

.gold-title {
    font-size: 34rpx;
    color: #333333;
    font-weight: bold;
}

.gold-rule {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: 44rpx;
    color: #333333;
    font-size: 30rpx;
}

.gold-use text,
.gold-rule text {
    margin-bottom: 20rpx;
    color: #666666;
    font-weight: 300;
}

.gold-use text:nth-child(1),
.gold-rule text:nth-child(1) {
    font-weight: bold;
    color: #333333;
}

.gold-use {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: 16rpx;
    color: #333333;
    font-size: 30rpx;
}

.gold-btn {
    display: inline-block;
    width: 320rpx;
    height: 70rpx;
    border-radius: 10rpx;
    background-color: #ff5000;
    text-align: center;
    line-height: 70rpx;
    font-size: 28rpx;
    color: #ffffff;
    margin: 30rpx auto 0;
}

.gold-color {
    color: #333333;
    font-weight: 600;
}

.x-class {
    padding-bottom: 68rpx !important;
}